<template>
  <el-main :style="mainStyle" class="page-sub-main">
    <transition name="fade" mode="out-in">
      <router-view class="main-body"></router-view>
    </transition>
  </el-main>
</template>

<script>
    export default {
        name: 'LayoutMain',
        data () {
            const win_height = window.innerHeight - 100 + 'px'
            return {
                mainStyle: {
                    minHeight: win_height
                }
            }
        }
    }
</script>

<style scoped>
  .page-sub-main {
    background-color: #EBEEF5;
    color: #666666;
  }
  .main-body {
     background-color: #ffffff;
     padding: 20px;
     min-height: 100%;
   }
</style>
